<style type="text/css">
/* Oh no, not inline styles! If this gets your underpants in a knot, remove these dynamic ones 
from the layout and add your permanent choices to the kite.css file */

ul#galleryMainNav li a, ul#galleryMainNav li a:visited {
    color: <?php echo $this->categoryBack ?>
}

ul#galleryMainNav li.activeCategory a, ul#galleryMainNav li.activeCategory a:visited {
    color: <?php echo $this->categoryActive ?>
}

ul#imagesNav li {
    color: <?php echo $this->slideBack ?>
}

ul#imagesNav li.activeImage {
    color: <?php echo $this->slideActive ?>
} 
</style>

<div id="zenfolioWrapper">

<div id="zenRightCol">

  <div id="mainNavWrapper">

    <ul id="galleryMainNav">

      <?php foreach($this->galleries as $key => $value): ?>

      <li id="gallery<?php echo $key ?>"><a href="javascript:void(0);"><span><?php echo $value ?></span></a></li>
      
      <?php endforeach; ?>

    </ul>

  </div><!-- End mainNavWrapper -->

  <div id="zenCaption">

  <p id="imageCaption"></p>

  </div>

</div><!-- End zenRightCol -->

<div id="zenslideWrapper" initial="<?php echo  $this->initial ?>">

  <div dojoType="dojox.image.SlideShow" id="slideshow" imageHeight="420" imageWidth="420"></div>

</div>

<div id="zenSlideNav">
  <ul id="imagesNav" reverse="true"></ul>
</div>

<br class="clear" />

</div><!-- End zenfolioWrapper -->